.outerpic-wrapper{background:#070707;border: 2px lightgrey;border-radius: 10px;box-shadow: -1px -1px 12px 2px gainsboro;width:100%;overflow:hidden;padding:10px}
.content-wrapper{position:relative;max-width:730px;margin:0 auto}
.outer-wrapper{position:relative;width:100%;padding:0}
.main-wrapper{width:470px;float:left;word-wrap:break-word;overflow:hidden;margin:0}
.clr{clear:both;float:none}
h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em}
h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0}
.post{border:0 solid #E1E1E1;margin:0 0 15px;padding:8px 8px 18px}
.post h1,.post h2{font:20px Oswald;line-height:1.2em;color:#8cd700;text-shadow:1px 1px 1px #000;margin:.0em 0 0;padding:4px 0}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#8cd700}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#ccc}
.post-body{border-top:2px solid #333;padding-top:10px;font:normal 14px Arial,serif;line-height:1.3em;margin:.1em 0 .75em}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px Arial;line-height:1.4em;margin:.75em 0}
.comment-link{margin-left:.1em}
.post blockquote{line-height:1.6em;color:#aaa;background:#111;border-left:20px solid #333;margin:10px 10px 10px 20px;padding:10px 15px}
.post blockquote p{margin:.75em 0}
.post img,#header2 img,.sidebar1 img{max-width:100%;width:auto}
#related-posts{float:left;width:100%;border-bottom:1px solid #333;border-top:3px solid #222;margin:5px 0 10px;padding:15px 0 10px}
#related-posts .widget h2,#related-posts h2{font:16px Oswald;color:#999;text-transform:none;margin:0 0 10px;padding:0}
#related-posts a{color:#8cd700;font:12px Tahoma}
#related-posts li{background:url(#) no-repeat 0 10px;text-indent:0;line-height:1.2em;border-bottom:1px dashed #222;margin:0;padding:3px 0 3px 12px}
#related-posts ul{list-style:none;margin:0;padding:0}


.sidebar-wrapper,.sidebar1-wrapper{width:255px;float:right;word-wrap:break-word;overflow:hidden}
.sidebar h2,.sidebarleft h2{background:url(http://1.bp.blogspot.com/-kiUnE8xLQ_0/UR1FWhmxBYI/AAAAAAAAAJg/s5xp3Opz8jE/s1600/bgmu.png);color:#8cd700;font:14px Oswald;text-transform:uppercase;margin:4px;padding:5px 0 5px 10px}
.sidebar,.sidebarleft{color:#666;line-height:1.3em;border-top:none;font:11px Arial}
.sidebar li{line-height:1.3em;border-bottom:0px dashed #333;margin:0;padding:5px 0 4px}
.sidebar .widget,.sidebarleft .widget{border:0px solid #333;margin:2px 0 10px;padding:0 0 10px}
.sidebar .widget-content{margin:0 auto;padding:0 10px}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#8cd700;text-decoration:none}
.sidebar li a:hover{color:#aaa}
.sidebar ul{list-style:none;margin:0;padding:5px 0}
.sidebar1 ul{list-style:none;margin:0;padding:0}
@media (min-width: 230px) {
  .sidebar {
    float: right;
    width: 100%;
    margin-left: 5px;
    margin-bottom: 20px;
  }
}


.clear {
  clear: both;
}

/* Kredit Footer KT */
#credit{background:#333;box-shadow: 0 4px 0 #2ecc71;color: #fff; font:11px Tahoma;color:#999;width:100%;overflow:hidden;clear:both;padding:10px 0;line-height:18px}
#credit .left{float:left;text-align:left;margin-left:10px}
#credit .right{float:right;text-align:right;margin-right:10px}
#credit a:hover{color:#8cd700;text-decoration:none}

.postmeta{font:11px Tahoma;text-transform:uppercase;font-weight:400;line-height:16px;padding:5px 0}
.author{color:#666;background:url(http://1.bp.blogspot.com/-BHRCsN73acQ/UPKxKFtk-mI/AAAAAAAACcI/Vc9nAuUh7F8/s1600/user.png) left center no-repeat;padding:2px 5px 2px 17px}
.clock{color:#666;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) left center no-repeat;padding:2px 5px 2px 17px}
.clock a{color:#666}
.clock a:hover{color:#8cd700}



/* Button View A Demo KT */
.button{font:15px Calibri,Arial,sans-serif;text-shadow:1px 1px 0 rgba(255,255,255,0.4);text-decoration:none!important;white-space:nowrap;display:inline-block;vertical-align:baseline;position:relative;cursor:pointer;background-repeat:no-repeat;padding:10px 20px}

.button:active{bottom:-1px}
.button.big{font-size:30px}
.button.medium{font-size:18px}
.button.rounded{border-radius:4em}
.blue.button{
    color: #345903 !important;
    border: 1px solid #27ae60 !important;
    background-color: #2ecc71;   
}
.blue.button:hover{
    background-color: #2ecc71;
}



/* Scrol background KT */
.active-header{border-radius:5px 5px 0 0;background:url(http://4.bp.blogspot.com/-zvxDrKNrzAY/UPEt-qDjL6I/AAAAAAAAA0A/NmiN4ipZrzI/s1600/active-header.gif) #cef98d;background-repeat:no-repeat;background-position:right 50%}
.active-header:hover{background:url(http://4.bp.blogspot.com/-zvxDrKNrzAY/UPEt-qDjL6I/AAAAAAAAA0A/NmiN4ipZrzI/s1600/active-header.gif) #c6f089;background-repeat:no-repeat;background-position:right 50%}
.inactive-header{background:url(http://1.bp.blogspot.com/-7-J0X6JKtBs/UPEt-0imK3I/AAAAAAAAA0E/7r97BuR-RfM/s1600/inactive-header.gif) #ebebeb;background-repeat:no-repeat;background-position:right 50%}
.inactive-header:hover{background:url(http://1.bp.blogspot.com/-7-J0X6JKtBs/UPEt-0imK3I/AAAAAAAAA0E/7r97BuR-RfM/s1600/inactive-header.gif) #f5f5f5;background-repeat:no-repeat;background-position:right 50%}
.accordion-content{display:none;background:#000;border:0 solid #ccc;border-top:0;border-radius:0 0 5px 5px;padding:5px}
.bubblewrap{list-style-type:none;margin:0;padding:0}
.bubblewrap li{display:inline;width:60px;height:60px}
.bubblewrap li img{width:40px;height:40px;border:0;margin-right:4px}
.info{border:1px solid;width:500px;font:bold 12px verdana;box-shadow:0 0 5px #888;text-shadow:2px 2px 2px #ccc;border-radius:5px;color:#00529B;background:#BDE5F8 url(http://2.bp.blogspot.com/-_b8jk01YGZU/UN-9UiYxupI/AAAAAAAAAxE/NNjCfZoRTeA/s1600/kolom+tutorial-1.png) no-repeat 10px center;margin:15px 0;padding:15px 20px 15px 55px}


/* Tread Komen KT */
.comments {background:#27ae60; margin:10px 0;padding:10px 15px;line-height:1em; border: 5px lightgrey;border-radius: 0px;box-shadow: -1px -1px 12px 2px gainsboro;box-shadow:0px 0px 3px black inset; color:white;font:11px;}
.comments .comments-content { font-size:12px; margin-bottom:16px; font-weight:normal; text-align:left; line-height:1.4em; }
.comments .comment .comment-actions a { display:inline-block; margin:0; padding:1px 6px;text-decoration:none;background: rgba(0,0,0,.2);border-radius:4px;font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; }
.comments .comment .comment-actions a:hover { text-decoration:none;color:#fff }
.comments .comments-content .comment-thread ol { list-style-type:none; padding:0; }
.comments .comments-content .inline-thread { padding:0.5em 1em; }
.comments .comments-content .comment-thread { margin:8px 0; }
.comments .comments-content .comment-thread:empty { display:none; }
.comments .comments-content .comment-replies { margin-top:1em; margin-left:40px; font-size:12px; background: rgba(0,0,0,.2);border-radius:4px;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; }
.comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; }
.comments .comments-content .comment:first-child { padding-top:16px; }
.comments .comments-content .comment:last-child { border-bottom:0; padding-bottom:0; }
.comments .comments-content .comment-body { position:relative; }
.comments .comments-content .user { font-style:normal; font-weight:bold; }
.comments .comments-content .user a { color:#fff; font-size:14px; font-weight:bold; text-decoration:none; }
.comments .comments-content .icon.blog-author { width:18px; height:18px; display:inline-block; margin:0 0 -4px 6px; }
.comments .comments-content .datetime { color:#999999; float:right; font-size:11px; text-decoration:none; }
.comments .comments-content,.comments .comments-content .comment-content { margin:0 0 8px; }
.comment-header {background: rgba(0,0,0,.2);border-radius:4px; box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; margin:0 0 5px 5px; padding:7px; }
.comments .comments-content .owner-actions { position:absolute; right:0; top:0; }
.comments .comments-replybox { border:none; height:250px; width:100%; }
.comments .comment-replybox-single { margin-top:5px; margin-left:48px; }
.comments .comment-replybox-thread { margin-top:5px; }
.comments .comments-content .loadmore a { display:block; padding:10px 16px; text-align:center; }
.comments .thread-toggle { cursor:pointer; display:inline-block; }
.comments .continue { cursor:pointer; }
.comments .continue a { display:inline-block; margin:0; padding:1px 6px; text-decoration:none; background: rgba(0,0,0,.2); box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; }
.comments .comments-content .loadmore { cursor:pointer; max-height:3em; margin-top:3em; }
.comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow:hidden; }
.comments .thread-chrome.thread-collapsed { display:none; }
.comments .thread-toggle { display:inline-block; }
.comments .thread-toggle .thread-arrow { display:inline-block; height:6px; width:7px; overflow:visible; margin:0.3em; padding-right:4px; }
.comments .thread-expanded .thread-arrow { background:url(http://4.bp.blogspot.com/-fhTZlJkFnPc/UQezZ0aM1ZI/AAAAAAAABcY/v1vUibnXaKc/s1600/arrow-down.png) no-repeat scroll 0 0 transparent; }
.comments .thread-collapsed .thread-arrow { background:url(http://4.bp.blogspot.com/-WwOfybPl9ig/UQezafv_uNI/AAAAAAAABcg/uLkQHEqKKBM/s1600/arrow-right.png) no-repeat scroll 0 0 transparent; }
.comments .avatar-image-container { background-image:url(http://4.bp.blogspot.com/-MXCdgmCfwRc/UQezaV_MLdI/AAAAAAAABck/N-dsAOjgvtk/s1600/avatar.jpg); background-position:center center; background-repeat:no-repeat;float:left; width:36px; max-height:36px; margin:0; padding:0px; vertical-align:middle; overflow:hidden;border:3px solid #666 }
.comments .avatar-image-container img { width:36px; }
.comments .comment-block { margin-left:48px; position:relative; }
@media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; }}
#comment-editor {background: #27ae60;font:11px;padding:15px;}
#comment-editor{width:95% !important;max-width:95% !important;}



a,a:link,a:visited,#header h1 a,#header h1.title a:hover{color:#8bc01d;text-decoration:none}
h2.date-header,.showpageOf,.comment .continue{display:none}
#related-posts a:hover,.footer a:link,.footer li a:visited,#credit a{color:#aaa;text-decoration:none}
#related-posts .widget,.sidebar1 .widget{margin:0;padding:0}
.button.small,.comments .comment-thread.inline-thread .user a{font-size:13px}



/* pesan formulir komentar KT */ 
#threaded-comment-form p {
    position: relative;
    background: #27ae60;
    padding: 10px;
    font-size: 11px;
    line-height: 1.6em;
    color: #000;
    margin-top: 30px;
    }

#threaded-comment-form p::before {
    border-top-color: #10A217;
    border-width: 15px;
    left: 10%;
    margin-left: -36px
    }
#threaded-comment-form p::after {
    border-top-color: #8DF08A;
    border-width: 9px;
    left: 10%;
    margin-left: -30px
    }



/*Daftar post*/ 
#loadingscript{background:transparent url(http://1.bp.blogspot.com/-xFIM2-m1StM/UUA5WQ_5uqI/AAAAAAAAAb0/FtFAncA55Hw/s1600/loading.gif) no-repeat 50% 45%;font-weight:700;font-size:20px;height:315px;text-align:center;text-indent:-99999px;padding:30px 0}
#toc-outer {
  font:normal 11px/12px Arial,Sans-Serif;
  color:#999;
  text-align:left;
  text-shadow:none;
  background-color:#333;
  overflow:hidden;
  box-shadow:0px 1px 2px rgba(0,0,0,0.7);
}
#toc-outer a {border:none;color:#3582D0;}
.itemposts, #itempager {
  overflow:hidden;
  padding:0px 10px 7px;
  color:#bbb;
  text-shadow:0 1px 1px rgba(0,0,0,0.3);
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  background-color:#333; 
}
.itemposts h6 {
  margin:0px 0px 0px;
  padding:0px 2px 0px;
  font:bold 11px/28px 'Verdana',Arial,Sans-serif;
  line-height:28px !important;
  height:28px;
  overflow:hidden;
  color:#ccc;
  text-transform:none;
  text-shadow:0px 1px 0px black;
  border-bottom:1px solid #222;
}
.itemposts h6 a {
  color:#ccc !important;
  text-decoration:none;
}
.itemposts img {
  float:left;
  height:72px;
  width:72px;
  margin:2px 10px 2px 0px;
  padding:0px 0px;
  background:transparent;
  border:3px double #3c3c3c;
  padding:0px;
  box-shadow:none;
  outline:none;
}
.itemposts .iteminside {
  padding:10px 0px 10px;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  overflow:hidden;
}
.itemposts .itemfoot {
  clear:both;
  padding:5px 10px;
  color:#666;
  border-top:1px solid #444;
  overflow:hidden;
  position:relative;
}
.itemposts .itemfoot a.itemrmore {
  font-weight:bold;
  color:#3B5998;
  text-decoration:none;
  position:absolute;
  top:5px;
  right:10px;
}
.itemposts .itemfoot a.itemrmore:hover {
  text-decoration:underline;
  border-color:transparent;
}
#itempager {
  background-color:#333;
  padding:15px 0px;
}
#pagination, #totalposts {
  display:block;
  color:#ccc;
  font:bold 10px Verdana,Arial,Sans-Serif;
  padding:0px;
  margin-bottom:5px;
  text-align:center;
}
#pagination span, #pagination a {
  color:white;
  display:inline;
  margin:0 1px;
  padding:5px 10px;
  text-indent:0px;
  background-color:#2ecc71;
  text-decoration:none;
  text-shadow:0px -1px 0px rgba(0,0,0,0.4)
}
#pagination span.actual,
#pagination a:hover {
  background-color:#27ae60; 
}
#pagination span.hidden {
  display:none;
}
.iteminside,
.itemfoot {
  display:none !important;
}


/*Drop Menu Homepage*/ 
#topmenunya ul,#topmenunya li,#navinti,#navinti ul,#navinti li {
list-style:none;
margin:0;
padding:0;
}

#topmenunya li,#navinti,#navinti li {
float:left;
position:relative;
}

#topmenunya li a {
display:block;
line-height:20px;
text-decoration:none;
padding:0 5px;
}

#topmenunya li a:hover {
color:#E2E2E2;
}

#topmenunya li.selected a {
background-color:#333;
border-radius:3px;
color:#E2E2E2;
font-weight:400;
}

#topmobilenav,#mobilenav {
background-color:#333;
}


#nav {
height:50px;
position:relative;
z-index:1;
}

#nav .bgnya {
width:580px;
background-color:#2E2E2E;
height:42px;
position:absolute;
z-index:-1;
bottom:0;
left:0;
border-bottom:4px solid #2ecc71;
box-shadow:0 1px 6px #585858;
}

#navinti a {
text-decoration:none;
line-height:50px;
color:#E6E6E6;
display:block;
transition:background-color .4s ease-in-out;
padding:0 15px;
}

#navinti > li > a {
font:normal normal 90% 'Open Sans', serif ,Sans-serif;
line-height:50px;
text-transform:uppercase;
font-weight:600;
height:50px;
}

#navinti a.homex {
text-indent:-9999px;
width:50px;
background-image:url(http://2.bp.blogspot.com/-QeSf1t2iBOI/UWxMDIUjlbI/AAAAAAAAI9I/02h3nW3FLD4/w25/home.png);
background-position:12px -34px;
background-repeat:no-repeat;
background-color:#2ecc71;
padding:0;
}

#navinti a.homex.current {
background-position:12px 8px;
}

#navinti > li > a.current,#navinti > li:hover > a {
background-color:#27ae60;
line-height:50px;
z-index:99;
position:relative;
}

#navinti ul {
position:absolute;
float:none;
z-index:98;
width:170px;
top:100%;
display:none;
}

#navinti ul a {
color:#fff;
background-color:#27ae60;
height:32px;
line-height:32px;
font-size:85%;
margin:2px 0;
}

#navinti > li {
margin-right:2px;
}

#navinti li:hover > ul.hidden {
display:block;
}

#navinti > li.dgnsub > a {
background-image:url(http://1.bp.blogspot.com/-3up21TyG9gw/UWxMC2CWcrI/AAAAAAAAI9A/YZp0LzStkQY/w20/arrows1.png);
background-repeat:no-repeat;
background-position:100% 13px;
padding:0 22px 0 10px;
}

#navinti > li.dgnsub:hover > a {
background-position:100% -43px;
}

#navinti ul ul {
left:101%;
top:-2px;
}

#navinti ul li.dgnsubsub > a {
background-image:url(http://1.bp.blogspot.com/-3up21TyG9gw/UWxMC2CWcrI/AAAAAAAAI9A/YZp0LzStkQY/w20/arrows1.png);
background-repeat:no-repeat;
background-position:100% -106px;
}

#navinti.small {
position:absolute;
float:none;
left:10px;
right:10px;
top:100%;
background-color:#2E2E2E;
z-index:99;
border:1px solid #D3D3D3;
border-top:0;
box-shadow:0 1px 5px silver;
padding:5px 10px;
}

#navinti.small > li > a,#navinti.small a.homex {
line-height:30px;
height:30px;
display:block;
text-indent:0;
width:auto;
padding:0 15px;
}

#navinti.small a.homex {
background-image:none;
}

#navinti.small > li > a.current,#navinti.small > li:hover > a {
line-height:30px;
}

#navinti.small > li.dgnsub > a {
background-position:100% 4px;
padding:0 15px;
}

#navinti.small > li.dgnsub:hover > a,#navinti.small ul li.dgnsubsub:hover > a {
background-position:100% -53px;
}

#navinti.small ul {
position:static;
width:auto;
}

#navinti.small ul li.dgnsubsub > a {
background-position:100% 4px;
}

#navinti.small ul a {
padding:0 15px 0 25px;
}

#navinti.small ul ul a {
padding:0 15px 0 35px;
}

#navinti ul li,#navinti.small li {
float:none;
}



/* Floating Menu KT */ 
#top-wrapper{background:url(http://1.bp.blogspot.com/-Dz55XjfHfIU/T2AtDWgb0aI/AAAAAAAAA9I/vZgjL1iEbgk/s1600/menutop.png) repeat-x;width:100%;margin:0 auto;border-top:5px solid #58F609}
#topbar{width:980px;height:30px;margin:0 auto}
#top{width:100%}
#top,#top ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
#top a{display:block;text-decoration:none;font:normal 11px Arial;text-transform:none;color:#CECECF;border-right:1px solid #484747;border-left:1px solid #191919;padding:7px 35px 7px}
#top a.arrow{background-image:url(http://3.bp.blogspot.com/-LzmPTNyR6po/TwETZufjSTI/AAAAAAAAATo/oisHmXUjmSY/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:7px 20px 7px 20px}
#top li{float:left;position:static;width:auto}
#top li ul,#top ul li{width:170px}
#top ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
#top li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:0px}
#top li:hover a,#top a:active,#top a:focus,#top li.hvr a{background-color:#222;color:#fff}
#top li:hover ul,#top li.hvr ul{display:block}
#top li:hover ul a,#top li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
#top li ul li.hr{border-bottom:1px solid #333;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:0px 0}
#top ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}
#top a span,#top a.arrow span{font:bold 12px Arial;color:#888;display:block;line-height:16px;text-transform:uppercase;text-shadow: 1px 2px 2px #000}
#top li:hover a span,#top li:hover a.arrow span{color:#3DF81B}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
#inner{padding-top:40px;}
#fixed {position:fixed;top:0;left:0;width:100%;height:40px;z-index:999;}
#fixedinner{text-align:center;background:transparent;height:40px;position:relative;z-index:999;}
* html, * html body{overflow-y:hidden;height:100%;}
* html #fixedinner{margin-right:-143px}
* html #fixedinner{margin-right:17px;}
* html #fixed {position:absolute;}

/* Social Share KT */ 
.social { list-style:none; margin-top:2em;}
.social li { display:inline; float:left; margin: 0 1.5px 0 0; }
.social li a { display:block; width:62px; height:62px; position:relative; }
.social li a strong { position: absolute; left: 0px; top: 10px;}

li.fb { background:url("http://1.bp.blogspot.com/-wYxeZhVJz94/UcEMR2fbILI/AAAAAAAACHk/ZUfX3uYt2Xw/s1600/Facebook-KT.png") #3B5998; }
li.twitter { background:url("http://2.bp.blogspot.com/-2UrV-On3rNw/UcEMSqw2WFI/AAAAAAAACH8/jd33QVRbF4Q/s1600/Twitter-KT.png") #0092cb; }
li.googleplus { background:url("http://4.bp.blogspot.com/-mUGMSp0Eg2g/UcEMR_fQrZI/AAAAAAAACHo/9Ibo6cDfnQY/s1600/Google++KT.png") #DB0000; }
li.feeds { background:url("http://3.bp.blogspot.com/-9KWzGiKzA14/UcEMSJZYZpI/AAAAAAAACHw/UWI5USldias/s1600/Rss+Feds-KT.png") #F18F0E; }
.social:hover li { opacity:0.3; }
.social li { transition-property: opacity; transition-duration: 500ms; }
.social li a strong { opacity:0; transition-property: opacity, top; transition-duration: 250ms;}
.social li:hover { opacity:1; }
.social li:hover a strong { opacity:1; top:-23px; }

/* Accordion KT */
* {
    margin: 0;
    padding: 0;
}

body {
    padding: 5px;  
    font: normal 1em/150% Sans-Serif;
}

input,
.content { display: none; }

label,
#what:checked ~ .what,
#where:checked ~ .where,
#why:checked ~ .why { display: block; }

input:checked + label {
  background: #2ecc71;
  cursor: default;
  display: block;
}

label {
    cursor: pointer;
    background: #2ecc71;
    color: #fff;
    padding: 5px 25px;
    border-bottom: 1px solid #ccc;
    transition: background 0.25s linear;
}

label:hover { background: #3498db; }

.content {
    padding: 10px;
    text-indent: 10px;  
    text-align: justify;
    border: 1px solid #ccc;
    border-top: none;
    animation: showContent 1s;
}

p + p { margin:20px 0 0; }

@keyframes showContent {
	from { opacity: 0; }
	to { opacity: 1; }
}
